<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="hello">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>BOM</title>
  <style type="text/css">
	*{margin:0;padding:0;}
	ul,ol{list-style:none;}
	a{text-decoration:none;}

	#box{
		width: 800px;
		height: 500px;
		border:1px solid red;
	}
  </style>
 </head>
 <body>
	<div id="box">
		<iframe id="f1" src="http://www.baidu.com" frameborder="0"></iframe>
	</div>
	<a href="http://www.baidu.com" target="_blank">新的标签页</a>
	<script>
	document.onclick = function(){
		///f1.contentWindow.location.href = "drag.drop.html";
		window.open("http://www.baidu.com");
	}

	
		
	</script>
 </body>
</html>
